<seed-content>
  <seed-toolbar-header>
    <seed-toolbar-title>训练方式详情</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>
  <div class="plan-detail" *ngIf="planInfo">
    <header class="seed-underline">
      <h2>训练方式：{{planInfo.trainingName }}</h2>
    </header>
    <div class="module-list">
      <div class="module-item">
        <h3 class="title seed-module-title">训练目标</h3>
        <p> {{planInfo.trainingAim?planInfo.trainingAim:'暂无内容'}}</p>
      </div>
      <div class="module-item">
        <h3 class="title  seed-module-title">重点领域</h3>
        <p>重点技术领域：{{planInfo.techDomainInfo?planInfo.techDomainInfo:'暂无内容' }}</p>
        <p>重点精神领域：{{planInfo.mindDomainInfo?planInfo.mindDomainInfo:'暂无内容' }}</p>
      </div>
      <div class="module-item">
        <h3 class="title  seed-module-title">具体信息</h3>
        <p>训练时长：{{planInfo.trainingDuration ?planInfo.trainingDuration :'暂无内容' }}分钟</p>
        <p>教学教法：{{planInfo.mindDomainInfo?planInfo.mindDomainInfo:'暂无内容' }}</p>
        <p>训练次数：{{planInfo.trainingTimes?planInfo.trainingTimes:'暂无内容' }}次</p>
        <p>训练强度：{{planInfo.trainingIntension?dataStore.level[planInfo.trainingIntension]:'暂无内容' }}</p>
        <p>技巧等级：{{planInfo.skillLevel?dataStore.skillLevel[planInfo.skillLevel]:'暂无内容' }}</p>
        <p>适用年龄段：{{planInfo.ageInfo?planInfo.ageInfo:'暂无内容' }}岁</p>
        <p>适用学员规模：{{planInfo.scopeInfo?planInfo.scopeInfo:'暂无内容' }}人</p>
        <p>场地及规模：{{planInfo.placeInfo?planInfo.placeInfo:'暂无内容' }}</p>
      </div>
      <div class="module-item">
        <h3 class="title  seed-module-title">所需材料</h3>
        <p>{{planInfo.trainingTool?planInfo.trainingTool:'暂无内容'}}</p>
      </div>
      <div class="module-item">
        <h3 class="title  seed-module-title">图示及描述</h3>
        <div class="image-intro" *ngIf="planInfo.imageInfo.length>0; else defaultContent">
          <div class="intro-content" *ngFor="let item of planInfo.imageInfo;">
            <p>{{item.name}}</p>
            <ul class="image-box">
              <li *ngFor="let img of item.value"><img [src]="img" alt="img"></li>
            </ul>
          </div>
        </div>
        <!--<p *ngIf="planInfo.imageInfoKv.length===0">暂无内容</p>-->
      </div>
      <div class="module-item">
        <h3 class="title  seed-module-title">进阶内容</h3>
        <p>{{planInfo.advancedContent?planInfo.advancedContent:'暂无内容'}}</p>
      </div>
      <div class="module-item">
        <h3 class="title  seed-module-title">潜在问题及处理方式</h3>
        <p>{{planInfo.processMode?planInfo.processMode:'暂无内容' }}</p>
      </div>
    </div>
  </div>
  <ng-template #defaultContent>
    <p>暂无内容</p>
  </ng-template>
</seed-content>
